<template>
	<!-- #ifdef MP-UNIONPAY -->
	<view :style="{marginTop: top, zIndex: zIndex, paddingBottom: paddingBottom}" class="position-relative">
		<slot></slot>
	</view>
	<!-- #endif -->
	<!-- #ifndef MP-UNIONPAY -->
	<view :style="{marginTop: top, zIndex: zIndex}" class="position-relative padding-bottom-10">
		<slot></slot>
	</view>
	<!-- #endif -->
</template>

<script>
	export default {
		props: {
			top: {
				type: String,
				default: '-80rpx'
			},
			zIndex: {
				type: Number,
				default: 10
			}
		},
		computed: {
			paddingBottom(){
				return this.top.replace('-', '')
			}
		},
		data() {
			return {}
		}
	}
</script>

<style lang="scss" scoped>
</style>